/* pages/subCard/subCard.wxss */

page {
    background: #f6f6f6;
    box-sizing: border-box;
}

.couponBg {
    height: 200rpx;
    position: relative;
    box-shadow: 0 2rpx 2rpx 2rpx #f3f3f3;
    border-radius: 20rpx;
    margin-top: 22rpx;
    background-color: white;
}

.sub-coupon-bg{
	width: 100%;
	height: 200rpx;
	position: relative;
	box-shadow: 0 2rpx 2rpx 2rpx #f3f3f3;
	border-radius: 20rpx;
	margin: 32rpx 0;
	background-color: white;
	box-sizing: border-box;
}

.sub-coupon-bg image {
    width: 100%;
    height: 100%;
    border-radius: 20rpx;
}
.image-box{
	width: 100%;
	height: 100%;
}

.couponBg image {
    width: 100%;
    height: 100%;
    border-radius: 20rpx;
}

.coupon_tiem {
    font-size: 46rpx;
}

.couponBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 40rpx;
    color: #fff;
}

.coupon_left {
    height: 100%;
	width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.coupon_title {
    font-size: 32rpx;
    line-height: 32rpx;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.coupon_money{
    font-size: 28rpx;
}
.coupon_time {
    width: 100%;
    box-sizing: border-box;
    font-size: 22rpx;
}

.coupon_right {
	width: 140rpx;
    height: 100%;
    display: flex;
    align-items: center;
}

.nocoupon {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: white;
    font-size: 28rpx;
}

.nav {
    padding: 30rpx 0;
    flex: 1;
    box-sizing: border-box;
    transition: 0.2s;
    color: #999;
    position: relative;
}

.active {
    color: #333;
}

.active::after {
    content: "";
    width: 40rpx;
    height: 4rpx;
    background-color: #ff5c6d;
    position: absolute;
    bottom: 18rpx;
    left: calc(50% - 20rpx);
}

.couponBgbox {
    box-sizing: border-box;
	width: 100%;
	padding: 0 32rpx;
    /* padding: 0 34rpx; */
}

.coupon_buy {
    background: #ffffff;
    color: #36549a;
    font-size: 24rpx;
    padding: 6rpx 27rpx;
    border-radius: 20rpx;
}

.sub-card-box{
	background: #FFFFFF;
	margin: 32rpx 0;
	border-radius: 20rpx;
	padding: 24rpx 32rpx 32rpx;
}

.subcard-img-box{
	line-height: 30rpx;
	margin-right: 10rpx;
}

.subcard-img{
	width: 60rpx;
	height: 60rpx;
	border-radius: 50%;
}

.subcard-title{
	display: flex;
	align-items: center;
}